<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../js/flexible.debug.js"></script>
    <script src="../js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="../css/yej.css">
</head>
<body>
    <section class="yej-footer">
        <div class="yej-ms">
           <p>夜间模式</p>
            <div id="div1" class="open1">
                <div id="div2" class="open2"></div>
            </div>
        </div>
        <div class="yej-fs">
                <img src="../imgs/yej_07.png">
                <img src="../imgs/yej_03.png">
                <img src="../imgs/yej_10.png">
        </div>
    </section>
    <script>
        window.onload=function(){
            var div2=document.getElementById("div2");
            var div1=document.getElementById("div1");
            div2.onclick=function(){
                div1.className=(div1.className=="close1")?"open1":"close1";
                div2.className=(div2.className=="close2")?"open2":"close2";
            }
        }
    </script>
</body>
</html>